<template>
  <el-card>
    <template #header>
      <div>什么是hooks</div>
    </template>
    <el-descriptions>
      <el-descriptions-item label="文献">
        https://inhiblabcore.github.io/docs/hooks/
      </el-descriptions-item>
    </el-descriptions>
    <WordHighlighter query="use">
      <p>
        hooks是一种用于在函数组件中添加状态和生命周期方法的特殊函数。它们被引入Vue
        3中，以替代Vue 2中的选项式API。
        使用hooks，我们可以在函数组件中使用像状态、生命周期方法和其他特性一样的功能，而不需要创建一个类组件。它们可以让我们更方便地组织组件的逻辑，并使代码更易维护和测试。
        Vue中的常见hooks包括useState、useEffect、useContext等。useState用于在函数组件中添加状态，useEffect用于在组件渲染后执行副作用操作，useContext用于访问共享的上下文。
      </p>
    </WordHighlighter>
  </el-card>
</template>
<script setup>
  import WordHighlighter from "vue-word-highlighter";
</script>
